<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>设备详情</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
	<!-- 引入核心样式 -->
	<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">

	<link href="http://appimg.yinsoso.com/css/swiper-3.3.1.min.css" rel="stylesheet" />
    <!--当前页面的css-->   
    <link href="css/buyDetails.css" rel="stylesheet"> 
    <!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" ></script>
	<script src="http://appimg.yinsoso.com/js/swiper-3.3.1.min.js" ></script>
	<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
	
	<style>
		/* 加载中css */
		.mask {
			width:100%;
			height:100%;
			padding-top:100px;
			background-color:#fafafa;
			left:0;
			/* opacity: 0.5; */
			position: absolute;
			top: 0;
			z-index: 2;
			/* filter: alpha(opacity=50); */
		}
		.loadText {
			font-size: 15px;
			color: #494949;
		}
	</style>
</head>
<body>
<div id="app">
	<div class="mask" v-if="onLoading">
		<div class="weui-loadmore">
			<img class="loadIcon" src="http://appimg.yinsoso.com/loading.gif" alt="">
			<span class="weui-loadmore__tips loadText">请稍等，小搜正在努力赶来…</span>
		</div>
	</div>
	<div class="buyBanner">
		<!-- Swiper -->
		<div class="swiper-container" id="swiper-banber">
			<div class="swiper-wrapper" id="bannerSwiper">
				
				<div class="swiper-slide" v-for="item in eqDetails.banner_img"><a href="javascript:;"><img :src="item"/></a></div>
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination" id="pagination-banner"></div> 
		</div>
	</div>
	<ul class="buyMain">
		<li class="clearfix">
			<div class="buyMain-left">
				<span>设备全称:</span>
			</div>
			<div class="buyMain-right">
				<p>{{eqDetails.device_name}}</p>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>供货品牌:</span>
			</div>
			<div class="buyMain-right">
				<p>{{eqDetails.supply_brand}} </p>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>生产地点:</span>
			</div>
			<div class="buyMain-right">
				<p>{{eqDetails.produce_address}} </p>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>设备参数:</span>
			</div>
			<div class="buyMain-right">
				<p>{{eqDetails.device_params}} </p>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>设备优势:</span>
			</div>
			<div class="buyMain-right">
				<p>{{eqDetails.device_advantage}}</p>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>销售联系人:</span>
			</div>
			<div class="buyMain-right">
				<p>{{eqDetails.sales_contact}} </p>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>销售电话:</span>
			</div>
			<div class="buyMain-right">
				<p>{{eqDetails.sales_mobile}}</p>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>售后联系人:</span>
			</div>
			<div class="buyMain-right">
				<p>{{eqDetails.service_contact}}</p>
			</div>
		</li>
		<li class="clearfix">
			<div class="buyMain-left">
				<span>售后电话:</span>
			</div>
			<div class="buyMain-right">
				<p>{{eqDetails.service_mobile}}</p>
			</div>
		</li>
	</ul>
	<div class="clear"></div>
	<div style="height: 1.62rem;width: 100%;"></div>
	<ul class="buyDetails_foot">
		<li v-show="eqDetails.is_collect == 0" class="buyD-collect" @click="chooseCollect()">
			<div class="collect-img">
				<img src="/images/collect.png">
			</div>
			<div class="txt">收藏</div>
		</li>
		<li class="buyD-collect" v-show="eqDetails.is_collect == 1" @click="chanceCollect()">
			<div class="collect-img">
				<img src="/images/collection-active.png">
			</div>
			<div class="txt">已收藏</div>
		</li>
		<li class="buyD-chet">
			<a href="javascript:;" @click="gotomessage(eqDetails.id)"><img src="/images/chat.png">在线留言</a>
		</li>
		<li class="buyD-phone">
			<a href="javascript:;" @click="toMobile(eqDetails.sales_mobile)"><img src="/images/phone.png">拨打电话</a>
		</li>
	</ul>
</div>
<script type="text/babel"  src="js/pagejs/equipmentDetails.js" ></script>

<script type="text/javascript">
   
  </script>

</body>
</html>